<%@page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html class="root61">
<head>
<%@include file="/views/common/include/taglib.jsp"%>
<%@include file="/views/common/include/head.jsp"%>
<link type="text/css" rel="stylesheet" href="${ctx}/css/dlifestyle/sectionparent.css" source="widget" />
	<link type="text/css" rel="stylesheet" href="${ctx}/css/dlifestyle/admin.css" source="widget" />
</head>
<body style="margin: 0px">
	<section class="mainborder">
		<section class="edit_scrollable padder" style="min-height: 200px;">
			<div class="edit_content">
				
				<form id="myFrom" style="min-height: 200px;">
					<c:if test="${type ==2}">
					<div class="form">
						<input id="houseId" type="hidden" value="${houseId }">
						<div class="item">
							<span class="col-sm-1 editlable">面积：</span>
							<div class="fl">
								<input class="editform-control" id="area" type="number" class="text" maxlength="20" readonly value="${bill.area }"/>
							</div>
						</div>
						<div class="item">
		                   <label class="col-sm-1 editlable">单价：</label>
		                   <div class="fl">
		                       <input class="editform-control" id="unitPrice" class="text" readonly value="${bill.unitPrice }"/>
		                   </div>
		                </div>
						<div class="item">
							<span class="col-sm-1 editlable">优惠率：</span>
							<div class="fl">
								<input class="editform-control" id="rate" type="text" class="text" readonly value="${bill.rate }"/>
							</div>
						</div>
						<div class="item">
							<span class="col-sm-1 editlable">缴费月数：</span>
							<div class="fl">
								<input class="editform-control" id="month" type="number" class="text" onchange="showMoney();" placeholder="请输入1-24以内的整数月"/>
								<em class="emStyle">*</em>
							</div>
						</div>
						<div class="item">
							<span class="col-sm-1 editlable">总金额：</span>
							<div class="fl">
								<input class="editform-control" id="money" type="text" class="text" readonly />
							</div>
						</div>
						<div class="item">
							<span class="col-sm-1 editlable">开始时间：</span>
							<div class="fl">
								<input id="beginDate" type="text" class="editform-control"
	                    			value="<fmt:formatDate value="${startDate}" pattern="yyyy-MM-dd"/>" readonly>
							</div>
						</div>
						<div class="item">
							<span class="col-sm-1 editlable">截止时间：</span>
							<div class="fl">
								<input id="endDate" type="text" class="editform-control" readonly>
							</div>
						</div>
						<div class="item">
							<span class="col-sm-1 editlable">发票类型：</span>
							<div class="fl">
								<select class="editform-control" id="billType" style="height:29px;width: 150px;" onchange="changeType()">
									<option value="0"  selected="selected">不需要</option>
									<option value="1">个人</option>
									<option value="2">单位</option>
		                       </select>
							</div>
						</div>
						<div class="item" id="isTitle" style="display: none;">
							<span class="col-sm-1 editlable">发票抬头：</span>
							<div class="fl">
								<input class="editform-control" id="billTitle" type="text" class="text" />
								<em class="emStyle">*</em>
							</div>
						</div>
					</div>
					</c:if>
					
				</form>
				
			</div>
		</section>
	</section>

	<script type="text/javascript">
		document.getElementById("myFrom").reset();
	</script>
</body>
<script
	src="${ctx}/js/controllers/property/feebill/InitListController.js"
	type="text/javascript"></script>
<script type="text/javascript">
	var ctx = '${ctx}';
	setCtx(ctx);
</script>
<!-- 解决ie 6 7 8 9不能显示placeholder的问题 -->
<script src="${ctx}/js/lib/jquery.JPlaceholder.js"></script>
</html>
